.worksContainer {
  min-height: 100vh;
  background: #f5f5f5;

  .content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 24px;
    
    :global {
      .ant-card {
        border-radius: 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;

        &:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
      }
    }
  }

  @media (max-width: 768px) {
    .content {
      padding: 16px;
    }
  }
} 